<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Required Meta Tags -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        <!-- Page Title -->
        <title>Softomart business Template</title>

        <!-- Favicon Icon -->
        <link rel="shortcut icon" href="favicon.png">

        <!-- CSS Files -->
        <link rel="stylesheet" href="assets/css/animate.css">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/jquery.lineProgressbar.css">
        <link rel="stylesheet" href="assets/css/style.css">
    </head>

    <body>
        <!-- Preloader Starts -->
        <div class="preloader" id="preloader">
            <div class="preloader-inner">
                <div class="spinner">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>
            </div>
        </div>

        <!-- Search PopUp Starts -->
        <div class="body-overlay" id="body-overlay"></div>
        <div class="search-popup" id="search-popup">
            <form action="index.html" class="search-form">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search Here'" required>
                </div>
                <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
            </form>
        </div>

        <!-- Header Section Starts -->
        <header class="cropium-header-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- Navbar Starts -->
                        <nav class="navbar navbar-area navbar-expand-lg nav-style-02 nav-absolute">
                            <div class="container nav-container">
                                <div class="responsive-mobile-menu">
                                    <div class="logo-wrapper">
                                        <a href="index.html" class="logo">
                                            <img src="assets/images/logo.png" alt="logo">
                                        </a>
                                    </div>
                                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#cropium-main-menu" 
                                        aria-expanded="false" aria-label="Toggle navigation">
                                        <span class="toggle-icon"></span>
                                        <span class="toggle-icon"></span>
                                        <span class="toggle-icon"></span>
                                    </button>
                                </div>

                                <div class="collapse navbar-collapse" id="cropium-main-menu">
                                    <ul class="navbar-nav">
                                        <li class="menu-item-has-children current-menu-item">
                                            <a href="#">home</a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">home 01</a></li>
                                                <li><a href="home-2.html">home 02</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">about</a>
                                            <ul class="sub-menu">
                                                <li><a href="about.html">about 01</a></li>
                                                <li><a href="about-2.html">about 02</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">blog</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog.html">blog</a></li>
                                                <li><a href="blog-details.html">blog details</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">pages</a>
                                            <ul class="sub-menu">
                                                <li><a href="service.html">service</a></li>
                                                <li><a href="service-details.html">service details</a></li>
                                                <li><a href="project.html">project</a></li>
                                                <li><a href="project-details.html">project details</a></li>
                                                <li><a href="404.html">404</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>

                                <!-- Nav Right Content Starts -->
                                <div class="nav-right-content">
                                    <ul>
                                        <li class="search" id="search">
                                            <i class="fa fa-search"></i>
                                        </li>
                                        <li>
                                            <a href="contact.html" class="template-button">contact us</a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- Nav Right Content End -->
                            </div>
                        </nav>
                        <!-- Navbar End -->
                    </div>
                </div>
            </div>
        </header>

        <!-- Hero Section Starts -->
        <section class="hero-home-2">
            <img src="assets/images/hero-shape.png" class="hero-shape" alt="shape">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-6 align-self-center">
                        <div class="hero-content-section">
                            <h1 class="title">we shape the perfect <span>solution</span></h1>
                            <h5 class="title margin-top-30">We seamlessly merge two key components economics and information technology.</h5>
                            <div class="hero-button">
                                <a href="#" class="template-button home-2-button">learn more <i class="fa fa-caret-right"></i></a>
                                <a href="#" class="template-button home-2-button ml-4">get in touch <i class="fa fa-caret-right"></i></a>
                            </div>
                            <div class="trust-icons">
                                <ul>
                                    <li><h5 class="title">trusted by : </h5></li>
                                    <li><img src="assets/images/trust-icon-1.png" alt="icon"></li>
                                    <li><img src="assets/images/trust-icon-2.png" alt="icon"></li>
                                    <li><img src="assets/images/trust-icon-3.png" alt="icon"></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="offset-xl-1 col-lg-6">
                        <div class="hero-video-section">
                            <div class="video-play-button">
                                <a href="https://www.youtube.com/watch?v=bJ3RJlmGn6k" class="button-video">
                                    <i class="fa fa-play"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Feature Section Starts -->
        <section class="feature-home-2">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay=".1s">
                        <div class="single-feature-item">
                            <div class="feature-icon template-icon blue-icon">
                                <i class="fa fa-line-chart"></i>
                            </div>
                            <div class="feature-content">
                                <h4 class="title">VS code</h4>
                                <div class="feature-content-para"><p>Strategy experience and analytical combine enable.</p></div>
                                <a href="#" class="feature-btn">read more</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                        <div class="single-feature-item">
                            <div class="feature-icon template-icon yellow-icon">
                                <i class="fa fa-pie-chart"></i>
                            </div>
                            <div class="feature-content">
                                <h4 class="title">bootstrap</h4>
                                <div class="feature-content-para"><p>Strategy experience and analytical combine enable.</p></div>
                                <a href="#" class="feature-btn">read more</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="single-feature-item">
                            <div class="feature-icon template-icon red-icon">
                                <i class="fa fa-television"></i>
                            </div>
                            <div class="feature-content">
                                <h4 class="title">laravel</h4>
                                <div class="feature-content-para"><p>Strategy experience and analytical combine enable.</p></div>
                                <a href="#" class="feature-btn">read more</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                        <div class="single-feature-item">
                            <div class="feature-icon template-icon paste-icon">
                                <i class="fa fa-wordpress"></i>
                            </div>
                            <div class="feature-content">
                                <h4 class="title">wordPress</h4>
                                <div class="feature-content-para"><p>Strategy experience and analytical combine enable.</p></div>
                                <a href="#" class="feature-btn">read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- About Section Starts -->
        <section class="about-home-2 padding-top-90 padding-bottom-120">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-6 wow fadeInLeft">
                        <div class="about-image-section">
                            <img src="assets/images/about-image-home-2.jpg" alt="image">
                        </div>
                    </div>
                    <div class="offset-xl-1 col-lg-6 wow fadeInRight">
                        <div class="about-content-section">
                            <img src="assets/images/about-shape.png" class="about-shape" alt="shape">
                            <h2 class="title">great customer relationship Starts here</h2>
                            <p class="margin-top-50">Zircona is an innovative and dynamic software development, outsourcin and consulting company. We have proven success and experience in building Dedicated Development Teams of different.</p>
                            <hr class="margin-top-30 margin-bottom-30">
                            <div class="about-social-link d-flex">
                                <div class="gmail-part">
                                    <a href=""><i class="fa fa-envelope-o"></i> <span>gmail</span></a>
                                </div>
                                <div class="linkedin-part">
                                    <a href=""><i class="fa fa-linkedin"></i> <span>linkedin</span></a>
                                </div>
                                <div class="instagram-part">
                                    <a href=""><i class="fa fa-instagram"></i> <span>instagram</span></a>
                                </div>
                            </div>
                            <div class="about-button margin-top-30">
                                <a href="#" class="template-button home-2-button">read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Service Section Starts -->
        <section class="service-home-2 common-bg-home-2 padding-top-115 padding-bottom-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 wow fadeInUp">
                        <div class="section-title">
                            <h2 class="title">services we're offering to our clients</h2>
                        </div>
                    </div>
                </div>
                <div class="service-slider">
                    <div class="single-service-slide">
                        <article class="cropium-service-item">
                            <div class="service-image">
                                <img src="assets/images/service-image-1.jpg" alt="">
                                <div class="service-icon template-icon yellow-icon">
                                    <i class="fa fa-line-chart"></i>
                                </div>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="service-details.html">digital marketing</a></h4>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, dicta?</p>
                                <a href="service-details.html">read more</a>
                            </div>
                        </article>
                    </div>
                    <div class="single-service-slide">
                        <article class="cropium-service-item">
                            <div class="service-image">
                                <img src="assets/images/service-image-2.jpg" alt="">
                                <div class="service-icon template-icon blue-icon">
                                    <i class="fa fa-cogs"></i>
                                </div>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="service-details.html">IT consulting</a></h4>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, dicta?</p>
                                <a href="service-details.html">read more</a>
                            </div>
                        </article>
                    </div>
                    <div class="single-service-slide">
                        <article class="cropium-service-item">
                            <div class="service-image">
                                <img src="assets/images/service-image-3.jpg" alt="">
                                <div class="service-icon template-icon red-icon">
                                    <i class="fa fa-pie-chart"></i>
                                </div>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="service-details.html">data analytics</a></h4>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, dicta?</p>
                                <a href="service-details.html">read more</a>
                            </div>
                        </article>
                    </div>
                    <div class="single-service-slide">
                        <article class="cropium-service-item">
                            <div class="service-image">
                                <img src="assets/images/service-image-4.jpg" alt="">
                                <div class="service-icon template-icon paste-icon">
                                    <i class="fa fa-wordpress"></i>
                                </div>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="service-details.html">software research</a></h4>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, dicta?</p>
                                <a href="service-details.html">read more</a>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </section>

        <!-- Pricing Section Starts -->
        <section class="pricing-home-2 padding-top-115">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 wow fadeInUp">
                        <div class="section-title text-center">
                            <h2 class="title">explore our pricing</h2>
                        </div>
                    </div>
                </div>
                <!-- Tab Accordion Starts -->
                <div class="tab-accordion">
                    <div class="tab">
                        <ul>
                            <li class="tab-first active"><span>yearly</span></li>
                            <li class="tab-second"><span>monthly</span></li>
                        </ul>
                    </div>
                    
                    <div class="tab-content">
                        <div class="tab-first-content hidden-item active">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="single-pricing-box blue-box">
                                        <h4 class="title">professional</h4>
                                        <div class="pricing-amount">
                                            $120 <span class="amount-opacity">/ year</span>
                                        </div>
                                        <ul class="pricing-list">
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>1TB of secure storage</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>discount code engine</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>unlimited product including apps intergrations</span> 
                                            </li>
                                        </ul>
                                        <div class="pricing-button ">
                                            <a href="#" class="template-large-button">try its free 30 days</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="single-pricing-box yellow-box active">
                                        <h4 class="title">standard</h4>
                                        <div class="pricing-amount">
                                            $399 <span class="amount-opacity">/ year</span>
                                        </div>
                                        <ul class="pricing-list">
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>1TB of secure storage</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>discount code engine</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>unlimited product including apps intergrations</span> 
                                            </li>
                                        </ul>
                                        <div class="pricing-button ">
                                            <a href="#" class="template-large-button">try its free 30 days</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="single-pricing-box orange-box">
                                        <h4 class="title">ultimate</h4>
                                        <div class="pricing-amount">
                                            $499 <span class="amount-opacity">/ year</span>
                                        </div>
                                        <ul class="pricing-list">
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>1TB of secure storage</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>discount code engine</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>unlimited product including apps intergrations</span> 
                                            </li>
                                        </ul>
                                        <div class="pricing-button ">
                                            <a href="#" class="template-large-button">try its free 30 days</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-second-content hidden-item">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="single-pricing-box blue-box">
                                        <h4 class="title">silver</h4>
                                        <div class="pricing-amount">
                                            $120 <span class="amount-opacity">/ year</span>
                                        </div>
                                        <ul class="pricing-list">
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>1TB of secure storage</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>discount code engine</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>unlimited product including apps intergrations</span> 
                                            </li>
                                        </ul>
                                        <div class="pricing-button ">
                                            <a href="#" class="template-large-button">try its free 30 days</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="single-pricing-box yellow-box">
                                        <h4 class="title">platinum</h4>
                                        <div class="pricing-amount">
                                            $399 <span class="amount-opacity">/ year</span>
                                        </div>
                                        <ul class="pricing-list">
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>1TB of secure storage</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>discount code engine</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>unlimited product including apps intergrations</span> 
                                            </li>
                                        </ul>
                                        <div class="pricing-button ">
                                            <a href="#" class="template-large-button">try its free 30 days</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="single-pricing-box orange-box">
                                        <h4 class="title">dimond</h4>
                                        <div class="pricing-amount">
                                            $499 <span class="amount-opacity">/ year</span>
                                        </div>
                                        <ul class="pricing-list">
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>1TB of secure storage</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>discount code engine</span> 
                                            </li>
                                            <li class="d-flex">
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>unlimited product including apps intergrations</span> 
                                            </li>
                                        </ul>
                                        <div class="pricing-button ">
                                            <a href="#" class="template-large-button">try its free 30 days</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Brand Section Starts -->
        <div class="cropium-brand-section padding-top-90">
            <div class="container">
                <div class="brand-slider">
                    <div class="brand-single-slide">
                        <img src="assets/images/brand-1.png" alt="brand">
                    </div>
                    <div class="brand-single-slide">
                        <img src="assets/images/brand-2.png" alt="brand">
                    </div>
                    <div class="brand-single-slide">
                        <img src="assets/images/brand-3.png" alt="brand">
                    </div>
                    <div class="brand-single-slide">
                        <img src="assets/images/brand-4.png" alt="brand">
                    </div>
                    <div class="brand-single-slide">
                        <img src="assets/images/brand-5.png" alt="brand">
                    </div>
                    <div class="brand-single-slide">
                        <img src="assets/images/brand-3.png" alt="brand">
                    </div>
                </div>
            </div>
        </div>

        <!-- More Feature Section Starts -->
        <section class="more-feature-home-2 padding-120">
            <img src="assets/images/more-feature-shape.png" class="more-feature-shape" alt="shape">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-6 wow fadeInLeft">
                        <div class="more-feature-image-section">
                            <img src="assets/images/more-feature-image.jpg" alt="image">
                        </div>
                    </div>
                    <div class="offset-xl-1 col-lg-6 wow fadeInRight">
                        <div class="more-feature-content-section">
                            <h2 class="title">certified & professional for best agency</h2>
                            <p class="margin-top-40">Zircona is an innovative and dynamic software development, outsourcin and consulting company. We have proven success and experience.</p>
                            <div class="feature-list margin-top-40">
                                <div class="feature-single-list d-flex align-items-center">
                                    <div class="feature-list-icon template-icon blue-icon">
                                        <i class="fa fa-puzzle-piece"></i>
                                    </div>
                                    <div class="feature-list-title">
                                        <h4 class="title">advance planning</h4>
                                    </div>
                                </div>
                                <div class="feature-single-list d-flex align-items-center">
                                    <div class="feature-list-icon template-icon yellow-icon">
                                        <i class="fa fa-folder-open"></i>
                                    </div>
                                    <div class="feature-list-title">
                                        <h4 class="title">peletive positioning with container</h4>
                                    </div>
                                </div>
                                <div class="feature-single-list d-flex align-items-center">
                                    <div class="feature-list-icon template-icon paste-icon">
                                        <i class="fa fa-trophy"></i>
                                    </div>
                                    <div class="feature-list-title">
                                        <h4 class="title">percentage based geometry</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Case Study Section Starts -->
        <section class="cropium-case-study-section common-bg-home-2 padding-top-120 padding-bottom-90">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="case-study-title">
                            <h2 class="title">softoma template best for business</h2>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <!-- Case Study Slider -->
                        <div class="case-study-slider">
                            <div class="case-study-single-slide">
                                <article class="case-study-single-item">
                                    <div class="case-study-image">
                                        <img src="assets/images/case-study-1.jpg" alt="image">
                                    </div>
                                    <div class="case-study-content">
                                        <span class="case-study-title-top">digital marketing</span>
                                        <h4 class="title">3 clear warnings that say your goals are too small</h4>
                                    </div>
                                </article>
                            </div>
                            <div class="case-study-single-slide">
                                <article class="case-study-single-item">
                                    <div class="case-study-image">
                                        <img src="assets/images/case-study-2.jpg" alt="image">
                                    </div>
                                    <div class="case-study-content">
                                        <span class="case-study-title-top">business consulting</span>
                                        <h4 class="title">questions every business owner must be able to answer</h4>
                                    </div>
                                </article>
                            </div>
                            <div class="case-study-single-slide">
                                <article class="case-study-single-item">
                                    <div class="case-study-image">
                                        <img src="assets/images/blog-2.jpg" alt="image">
                                    </div>
                                    <div class="case-study-content">
                                        <span class="case-study-title-top">business consulting</span>
                                        <h4 class="title">questions every business owner must be able to answer</h4>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- CounterUp Home 02 -->
                <div class="counter-up-home-2 padding-top-115">
                    <div class="row">
                        <div class="col-xl-3 col-sm-6">
                            <div class="single-counterup single-counterup-1">
                                <div class="single-counterup-icon">
                                    <i class="fa fa-user-o"></i>
                                </div>
                                <div class="single-counterup-content">
                                    <div class="counter-number">
                                        <h3 class="title counter">3,000</h3>
                                        <h3 class="title">+</h3>
                                    </div>
                                    <span>daily active users</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-sm-6">
                            <div class="single-counterup single-counterup-2">
                                <div class="single-counterup-icon">
                                    <i class="fa fa-pencil-square-o"></i>
                                </div>
                                <div class="single-counterup-content">
                                    <div class="counter-number">
                                        <h3 class="title counter">6,000</h3>
                                        <h3 class="title">+</h3>
                                    </div>
                                    <span>tasks completed</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-sm-6">
                            <div class="single-counterup single-counterup-3">
                                <div class="single-counterup-icon">
                                    <i class="fa fa-briefcase"></i>
                                </div>
                                <div class="single-counterup-content">
                                    <div class="counter-number">
                                        <h3 class="title counter">8,000</h3>
                                        <h3 class="title">+</h3>
                                    </div>
                                    <span>completed projects</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-sm-6">
                            <div class="single-counterup single-counterup-4">
                                <div class="single-counterup-icon">
                                    <i class="fa fa-smile-o"></i>
                                </div>
                                <div class="single-counterup-content">
                                    <div class="counter-number">
                                        <h3 class="title counter">4,000</h3>
                                        <h3 class="title">+</h3>
                                    </div>
                                    <span>positive reviews</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Client Section Starts -->
        <section class="client-home-2 padding-top-115">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title text-center">
                            <h2 class="title">our happy client</h2>
                        </div>
                    </div>
                </div>
                <div class="client-slider-home-2">
                    <div class="client-single-slide">
                        <div class="client-image">
                            <img src="assets/images/client-1.png" alt="client">
                        </div>
                        <div class="client-content">
                            <p>We are Working Bustle Chances are good there’s a cloud software as a service solution on the market today that will serve..</p>
                            <div class="client-content-bottom">
                                <div class="client-author">
                                    <span>john doe</span>
                                </div>
                                <div class="client-company">
                                    <span>CEO Twitter.</span>
                                </div>
                                <div class="client-quote-icon">
                                    <i class="fa fa-quote-right"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="client-single-slide">
                        <div class="client-image">
                            <img src="assets/images/client-2.png" alt="client">
                        </div>
                        <div class="client-content">
                            <p>We are Working Bustle Chances are good there’s a cloud software as a service solution on the market today that will serve..</p>
                            <div class="client-content-bottom">
                                <div class="client-author">
                                    <span>andrew dick</span>
                                </div>
                                <div class="client-company">
                                    <span>CEO Google</span>
                                </div>
                                <div class="client-quote-icon">
                                    <i class="fa fa-quote-right"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="client-single-slide">
                        <div class="client-image">
                            <img src="assets/images/client-1.png" alt="client">
                        </div>
                        <div class="client-content">
                            <p>We are Working Bustle Chances are good there’s a cloud software as a service solution on the market today that will serve..</p>
                            <div class="client-content-bottom">
                                <div class="client-author">
                                    <span>Jon Snow</span>
                                </div>
                                <div class="client-company">
                                    <span>CEO Facebook</span>
                                </div>
                                <div class="client-quote-icon">
                                    <i class="fa fa-quote-right"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Contact Section Starts -->
        <section class="contact-section padding-top-115 padding-bottom-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="contact-left">
                            <h3 class="title">do you need any support?<br>use hotline available 24/7</h3>
                            <div class="phone-number margin-top-30">
                                <h2 class="title"><i class="fa fa-phone-square"></i> +02-345678</h2>
                            </div>
                            <div class="newsletter-part margin-top-30">
                                <h3 class="title">newsletter</h3>
                                <p class="margin-top-20">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati molestias blanditiis, incidunt voluptates aliquam voluptatum?</p>
                                <div class="newsletter-form margin-top-30">
                                    <form action="#">
                                        <input type="email" placeholder="Email Address">
                                        <button type="submit" class="template-button home-2-button ml-4">submit</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <h3 class="title">if you have any questions,<br>feel free to contact with us</h3>
                        <div class="contact-form margin-top-30">
                            <form action="#">
                                <input type="text" placeholder="Your Name">
                                <input type="email" placeholder="Your Email">
                                <textarea name="message" placeholder="Your Message"></textarea>
                                <button type="submit" class="template-button home-2-button">submit now</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Blog Section Starts -->
        <section class="blog-home-2 common-bg-home-2 padding-top-115 padding-bottom-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title text-center">
                            <h2 class="title">our latest blog</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay=".1s">
                        <div class="blog-single-item">
                            <div class="blog-single-image">
                                <img src="assets/images/blog-1.jpg" alt="blog">
                                <div class="blog-date date-1">
                                    <h5 class="title">28</h5>
                                    <span>july</span>                               
                                </div>
                            </div>
                            <div class="blog-single-content">
                                <h4 class="title"><a href="blog-details.html">Digital Agency service focus on Providing actionable.</a></h4>
                                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi laboriosam dignissimos tempore?</p>
                                <a href="blog.html" class="blog-button">read more <i class="fa fa-caret-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay=".2s">
                        <div class="blog-single-item">
                            <div class="blog-single-image">
                                <img src="assets/images/blog-2.jpg" alt="blog">
                                <div class="blog-date date-2">
                                    <h5 class="title">15</h5>
                                    <span>may</span>                               
                                </div>
                            </div>
                            <div class="blog-single-content">
                                <h4 class="title"><a href="blog-details.html">Data Analytics in Finance Strategy.</a></h4>
                                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi laboriosam dignissimos tempore?</p>
                                <a href="blog.html" class="blog-button">read more <i class="fa fa-caret-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay=".3s">
                        <div class="blog-single-item">
                            <div class="blog-single-image">
                                <img src="assets/images/blog-3.jpg" alt="blog">
                                <div class="blog-date date-3">
                                    <h5 class="title">08</h5>
                                    <span>aug</span>                               
                                </div>
                            </div>
                            <div class="blog-single-content">
                                <h4 class="title"><a href="blog-details.html">The Coronavirus Crisis and Leadership in Business.</a></h4>
                                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi laboriosam dignissimos tempore?</p>
                                <a href="blog.html" class="blog-button">read more <i class="fa fa-caret-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="view-all-button text-center margin-top-30">
                            <a href="#" class="template-button home-2-button">view all</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Footer Section Starts -->
        <footer class="footer-home-2 common-footer leaf-shape-both">
            <img src="assets/images/hero-shape.png" class="hero-shape" alt="shape">
            <img src="assets/images/more-feature-shape.png" class="more-feature-shape" alt="shape">
            <div class="footer-widget-area padding-top-115">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-6">
                            <div class="footer-widget">
                                <div class="widget-title">
                                    <h4 class="title">about us</h4>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet quas, porro nisi ullam saepe harum exercitationem sapiente nostrum.</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="footer-widget">
                                <div class="widget-title">
                                    <h4 class="title">our services</h4>
                                </div>
                                <ul>
                                    <li><a href="#">web page design</a></li>
                                    <li><a href="#">IOS aplication</a></li>
                                    <li><a href="#">UX research</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="footer-widget">
                                <div class="widget-title">
                                    <h4 class="title">useful links</h4>
                                </div>
                                <ul>
                                    <li><a href="#">our blog</a></li>
                                    <li><a href="#">case study</a></li>
                                    <li><a href="#">legal info</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="footer-widget">
                                <div class="widget-title">
                                    <h4 class="title">Subscribe Us</h4>
                                </div>
                                <form action="#">
                                    <input type="email" placeholder="Email" class="input-shape">
                                    <button type="submit"><i class="fa fa-paper-plane"></i></button>
                                </form>
                                <p>Vestibulum commo sapien non elit porttitor, vitae volutpat nibh mollis.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom text-center padding-top-30 padding-bottom-60">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="footer-logo">
                                <a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
                            </div>
                            <div class="footer-social-link">
                                <ul>
                                    <li class="facebook-icon"><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                    <li class="twitter-icon"><a href="$"><i class="fa fa-twitter-square"></i></a></li>
                                    <li class="linkedin-icon"><a href="$"><i class="fa fa-linkedin-square"></i></a></li>
                                    <li class="instagram-icon"><a href="$"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-copyright text-center padding-30">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <span>&copy; 2020 Softoma. All Rights Reserved.</span>
                        </div>
                    </div>
                </div>
            </div>
        </footer>


        <!-- Javascript Files -->
        <script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
        <script src="assets/js/vendor/bootstrap.min.js"></script>
        <script src="assets/js/vendor/slick.min.js"></script>
        <script src="assets/js/vendor/counterup.min.js"></script>
        <script src="assets/js/vendor/waypoints.min.js"></script>
        <script src="assets/js/vendor/jquery.magnific-popup.js"></script>
        <script src="assets/js/vendor/jquery.lineProgressbar.js"></script>
        <script src="assets/js/vendor/lineProgressbarActivate.js"></script>
        <script src="assets/js/vendor/easing.min.js"></script>
        <script src="assets/js/vendor/wow.min.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>
